home *** CD-ROM | disk | FTP | other *** search
/ Apple Developer Connectio…eloper Series 2005 March / Dev.CD Mar 05.iso / What's New / Technical Notes and Q&As / ADC Reference Library / css / adcstyle032204.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-02-04  |  19.2 KB  |  1,343 lines
  1. /* body */
  2. body {
  3.     margin: 0;
  4.     background-color: #fff;
  5.     color: #000;
  6.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  7.     }
  8.  
  9. /* links */
  10. a:link {
  11.     color: #00f;
  12.     text-decoration: none;
  13.     }
  14.  
  15. a:visited {
  16.     color: #00a;
  17.     text-decoration: none;
  18.     }
  19.  
  20. a:hover {
  21.     color: #f60;
  22.     text-decoration: underline;
  23.     }
  24.     
  25. a:active {
  26.     color: #f60;
  27.     text-decoration: underline;
  28.     }
  29.  
  30. /* html tags */
  31. th, td, ul, ol, li {
  32.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  33.     }
  34.         
  35. code, pre    {
  36.     color: #000;
  37.     font-family: monaco, "Courier New", courier, monospace;
  38.     font-size: 10px;
  39.     }
  40.  
  41.     /*  Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  */
  42.  
  43. * html code    {
  44.     font-size: 101%; 
  45.     }
  46.  
  47. * html pre {
  48.     font-size: 101%; 
  49.     }
  50.  
  51. h1    {
  52.     margin: 0 0 15px 0;
  53.     padding: 0;
  54.     font: bold 36px 'Myriad Apple', 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  55.     color: #000;
  56.     }
  57.     
  58. h2    {
  59.     margin: 0 0 5px 0;
  60.     padding: 0;
  61.     font: bold 16px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  62.     color: #000;
  63.     }
  64.     
  65. p + h2 {
  66.     margin: 20px 0 5px 0;
  67.     }
  68.  
  69. ol + h2 {
  70.     margin: 20px 0 5px 0;
  71.     }
  72.  
  73. ul + h2 {
  74.     margin: 20px 0 5px 0;
  75.     }
  76.  
  77. h3    {
  78.     margin: 0;
  79.     padding: 0;
  80.     font: bold 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  81.     color: #000;
  82.     }
  83.  
  84. h3 + table {
  85.     margin: 5px 0 0 0;
  86.     }
  87.     
  88. h6    {
  89.     margin: 0;
  90.     padding: 0;
  91.     font: normal 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  92.     color: #000;
  93.     }
  94.  
  95. p    {
  96.     margin: 0 0 10px 0;
  97.     padding: 0;
  98.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  99.     color: #000;
  100.     }
  101.     
  102. th {
  103.     font-weight: bold;
  104.     text-align: left;
  105.     vertical-align: top;
  106.     }
  107.     
  108. form {
  109.     margin: 0;
  110.     }
  111.     
  112. button {
  113.     margin: 3px 0 10px 0;
  114.     }
  115.     
  116. /* lists */
  117. ul    {
  118.     padding-left: 10px;
  119.     margin-top: 0;
  120.     margin-left: 10px;
  121.     margin-bottom: 10px;
  122.     list-style-type: none;
  123.     }
  124.  
  125. li    {
  126.     margin-top: 3px;
  127.     }
  128.     
  129. ul li    {
  130.     padding-left: 10px;
  131.     background: url(/images/bullet.gif) no-repeat 0 3px;
  132.     }
  133.     
  134. ul ul {
  135.     margin-left: 20px;
  136.     }
  137.  
  138.     
  139. ul.compressed {
  140.     margin-top: -10px;
  141.     }
  142.     
  143. ul.compressed li {
  144.     margin-top: 0;
  145.     padding-left: 10px;
  146.     background: url(/images/bullet.gif) no-repeat 0 1px;
  147.     }
  148.  
  149. ul.marketing {
  150.     padding-left: 0;
  151.     margin: 0 0 10px 0;
  152.     list-style-type: none;
  153.     }
  154.     
  155. ul.marketing li    {
  156.     padding-left: 10px;
  157.     margin-top: 0;
  158.     margin-left: 0;
  159.     margin-bottom: 2px;
  160.     list-style-type: none;
  161.     font-size: 10px;
  162.     background: url(/images/bullet.gif) no-repeat 0 1px;
  163.  
  164.     }
  165.     
  166. ol {
  167.     margin: 0 0 10px 1.5em;
  168.     padding-left: 1.5em;
  169.     }
  170.  
  171. ul.inline, ol.inline, p.inline {
  172.     margin-top: -7px;
  173.     }
  174.     
  175. ul.inline ul, ul.inline ol, ol.inline ul, ol.inline ol {
  176.     margin-top: 0;
  177.     }
  178.  
  179. ol.faq li {
  180.     font-weight: bold;
  181.     }
  182.     
  183. ol.steps li {
  184.     font-weight: bold;
  185.     }
  186.     
  187. /* images */
  188. .leftinline {
  189.     margin: 0 10px 5px 0;
  190.     }
  191.  
  192. .rightinline {
  193.     margin: 0 0 5px 10px;
  194.     }
  195.  
  196.  
  197. /* tables */
  198. .bumblebee {
  199.     border-top: 1px solid #919699;
  200.     border-left: 1px solid #919699;
  201.     border-right: 1px solid #919699;
  202.     }
  203.  
  204. .bumblebee td {
  205.     padding: 10px;
  206.     font-size: 10px;
  207.     }
  208.     
  209. .bumblebee th {
  210.     padding: 6px 10px 6px 10px;
  211.     font-size: 10px;
  212.     }
  213.  
  214. .bumblebee th {
  215.     background: #7E91A4;
  216.     color: #FFF;
  217.     }
  218.  
  219. .bumblebee td {
  220.     border-bottom: 1px solid #919699;
  221.     text-align: left;
  222.     vertical-align: top;
  223.     }
  224.  
  225. .bumblebeeblue {
  226.     background: #F0F5F9;
  227.     }
  228.  
  229. .bumblebeewhite {
  230.     background: #FFF;
  231.     }
  232.     
  233. .bumblebee .bumblebeeblue td.sortcolumn {
  234.     background: #DCE5EE;
  235.     }
  236.     
  237. .bumblebee .bumblebeewhite td.sortcolumn {
  238.     background: #F5F5F5;
  239.     }
  240.     
  241. .bumblebee th.sortcolumn {
  242.     background: #334455;
  243.     }
  244.     
  245. .bumblebeetop {
  246.     border-top: 1px solid #919699;
  247.     border-left: 1px solid #919699;
  248.     border-right: 1px solid #919699;
  249.     background: #E2E2E2;
  250.     }
  251.     
  252. .bumblebeetop td{
  253.     padding: 10px;
  254.     }
  255.  
  256. td.middle, th.middle {
  257.     vertical-align: middle;
  258.     }
  259.     
  260. td.top, th.top {
  261.     vertical-align: top;
  262.     }
  263.     
  264. td.bottom, th.bottom {
  265.     vertical-align: bottom;
  266.     }
  267.     
  268. td.center, th.center {
  269.     text-align: center;
  270.     }
  271.     
  272. td.right, th.right {
  273.     text-align: right;
  274.     }
  275.     
  276. .smalltable td p {
  277.     font-size: 11px;
  278.     }
  279.  
  280.     
  281. .graybox {
  282.     border-top: 1px solid #919699;
  283.     border-left: 1px solid #919699;
  284.     margin-bottom: 10px;
  285.     }
  286.     
  287. .graybox th {
  288.     padding: 4px 8px 4px 8px;
  289.     background: #E2E2E2;
  290.     font-size: 12px;
  291.     font-weight: bold;
  292.     border-bottom: 1px solid #919699;
  293.     border-right: 1px solid #919699;
  294.     }
  295.     
  296. .graybox td {
  297.     padding: 8px;
  298.     font-size: 12px;
  299.     text-align: left;
  300.     vertical-align: top;
  301.     border-bottom: 1px solid #919699;
  302.     border-right: 1px solid #919699;
  303.     }
  304.     
  305. .graybox table td {
  306.     border: none;
  307.     padding: 0;
  308.     vertical-align: middle;
  309.     }
  310.  
  311. .marketingbox {
  312.     border: 1px solid #a1a5a9;
  313.     }
  314.  
  315. .marketingbox th {
  316.     padding: 4px 8px 4px 8px;
  317.     background: #C83808;
  318.     font-size: 12px;
  319.     font-weight: bold;
  320.     color: #FFF;
  321.     }
  322.  
  323. .marketingbox td {
  324.     padding: 8px 8px 0 8px;
  325.     text-align: left;
  326.     vertical-align: top;
  327.     }
  328.     
  329. .documentationtable {
  330.     border: none;
  331.     }
  332.  
  333. .documentationtable td {
  334.     border-bottom: 1px solid #919699;
  335.     text-align: left;
  336.     vertical-align: top;
  337.     padding: 5px 0 10px 0;
  338.     }
  339.     
  340. .documentationtable .bottom{
  341.     border: 0;
  342.     }
  343.         
  344. .businesstable {
  345.     border: none;
  346.     }
  347.  
  348. .businesstable td {
  349.     text-align: left;
  350.     font-size: 10px;
  351.     vertical-align: top;
  352.     padding: 5px 0 10px 0;
  353.     }
  354.     
  355. .documentationtable p {
  356.     font-size: 10px;
  357.     }
  358.  
  359.  
  360. /* rounded corner tables */
  361. .bigboxtop {
  362.     background: #FFF url(/images/bigboxtop.gif) repeat-x top left;
  363.     }
  364.  
  365. .bigboxleft {
  366.     background: #FFF url(/images/bigboxleft.gif) repeat-y top left;
  367.     }
  368.  
  369. .bigboxright {
  370.     background: #FFF url(/images/bigboxright.gif) repeat-y top left;
  371.     }
  372.  
  373. .bigboxbottom {
  374.     background: #FFF url(/images/bigboxbottom.gif) repeat-x top left;
  375.     }
  376.     
  377. .boxtop {
  378.     background: #FFF url(/images/boxtop.gif) repeat-x top left;
  379.     }
  380.  
  381. .boxleft {
  382.     background: #FFF url(/images/boxleft.gif) repeat-y top left;
  383.     }
  384.  
  385. .boxright {
  386.     background: #FFF url(/images/boxright.gif) repeat-y top left;
  387.     }
  388.  
  389. .boxbottom {
  390.     background: #FFF url(/images/boxbottom.gif) repeat-x top left;
  391.     }
  392.  
  393.  
  394. /* general classes */
  395.  
  396. .smalltext {
  397.     font-size: 10px;
  398.     }
  399.     
  400. .blueheader {
  401.     color: #FFF;
  402.     background: #7E91A4;
  403.     padding: 3px 0 3px 7px;
  404.     }
  405.  
  406. .sourcecodebox {
  407.     border: 1px solid #c7cfd5;
  408.     background: #f1f5f9;
  409.     margin: 20px 0;
  410.     padding: 15px;
  411.     text-align: left;
  412.     }
  413.     
  414. .gray {
  415.     color: #787c7f;
  416.     }
  417.     
  418. #footnote h3, #footnote p {
  419.     color: #76797C;
  420.     font-size: 11px;
  421.     }
  422.  
  423. .footnote {
  424.     font-size: 11px;
  425.     color: #76797C;
  426.     }
  427.  
  428. /* forms */
  429. #forms input {
  430.     vertical-align: middle;
  431.     padding: 0;
  432.     margin: 0 0 5px 0;
  433.     }
  434.  
  435. #forms select {
  436.     vertical-align: middle;
  437.     padding: 0;
  438.     margin: 0 0 3px 0;
  439.     }
  440.  
  441. #forms .widefield, #advsearch .widefield {
  442.     width: 98%;
  443.     margin-bottom: 5px;
  444.     }
  445.  
  446. #forms .halffield {
  447.     width: 50%;
  448.     margin-bottom: 5px;
  449.     }
  450.  
  451. #forms .extraspace {
  452.     padding-bottom: 8px;
  453.     }
  454.  
  455. #forms .quarterfield {
  456.     width: 25%;
  457.     margin-bottom: 5px;
  458.     }
  459.     
  460. #forms .inputbutton, #advsearch .inputbutton {
  461.     margin: 5px 0 10px 0;
  462.     border: 0;
  463.     }
  464.     
  465. #forms .checkbox, #advsearch .checkbox {
  466.     margin: 0 5px 0 0;
  467.     vertical-align: baseline;
  468.     }
  469.     
  470. #forms .radio {
  471.     margin: 0 5px 0 0;
  472.     vertical-align: baseline;
  473.     }
  474.     
  475. #forms textarea {
  476.     margin: 0 0 10px 0;
  477.     width: 100%;
  478.     }
  479.     
  480. #forms p {
  481.     margin-top: 7px;
  482.     }
  483.     
  484. #forms .buttonlists {
  485.     line-height: 20px;
  486.     }
  487.     
  488. #forms .buttondescription {
  489.     line-height: 15px;
  490.     margin: -10px 10px 5px 20px;
  491.     font-size: 10px;
  492.     }
  493.  
  494.  
  495. /* header */
  496. #adcnavheader td {
  497.     font: 10px 'Lucida Grande', Geneva, Helvetica, Arial, sans-serif;
  498.     }
  499.  
  500. #adcnavheader input {
  501.     margin: 0 3px 0 0;
  502.     padding: 0;
  503.     }
  504.  
  505. #adcnavheader .textpadding {
  506.     padding-top: 2px;
  507.     vertical-align: middle;
  508.     }
  509.     
  510. #adcnavheader .searchbutton {
  511.     border: 0;
  512.     }
  513.  
  514.  
  515. /* breadcrumb */
  516. #breadcrumb td {
  517.     font: 10px 'Lucida Grande', Geneva, Helvetica, Arial, sans-serif;
  518.     }
  519.  
  520. #breadcrumb form {
  521.     margin: 0;
  522.     }
  523.     
  524. #breadcrumb select {
  525.     vertical-align:  middle;
  526.     }
  527.  
  528.  
  529. /* sidebar */
  530. #sidebar h2 {
  531.     font-size: 12px;
  532.     }
  533.     
  534. #sidebar h3, #sidebar h4 {
  535.     font-size: 12px;
  536.     }
  537.     
  538. #sidebar p, #sidebar ol, #sidebar ul {
  539.     font-size: 11px;
  540.     }
  541.  
  542. #sidebar ul {
  543.     margin-left: 0;
  544.     padding-left: 0;
  545.     }
  546.  
  547. #sidebar li {
  548.     font-size: 11px;
  549.     margin-top: 2px;
  550.     }
  551.     
  552. #sidebar ul.nav {
  553.     margin-top: 8px;
  554.     margin-bottom: 0;
  555.     }
  556.  
  557. #sidebar ul.nav li {
  558.     margin-top: 4px;
  559.     padding-left: 0;
  560.     background: none;
  561.     }
  562.  
  563. /* footer */
  564. #footer td, #footer p {
  565.     font-size: 10px;
  566.     }
  567.     
  568. .footerbreadcrumb {
  569.     font-size: 10px;
  570.     }
  571.  
  572. /* 404 page definitions*/
  573. #notfound h2 {
  574.     font-size: 12px;
  575.     }
  576.     
  577. #notfound h3, #notfound h4 {
  578.     font-size: 12px;
  579.     }
  580.     
  581. #notfound p, #notfound ul {
  582.     font-size: 10px;
  583.     }
  584.  
  585. #notfound ul {
  586.     margin: 0 0 15px 0;
  587.     padding-left: 0;
  588.     }
  589.  
  590. #notfound ul li {
  591.     font-size: 10px;
  592.     margin: 3px 0 0 0;
  593.     padding-left: 0;
  594.     background: none;
  595.     }
  596.     
  597. #notfound ul ul {
  598.     margin-top: 0;
  599.     }
  600.  
  601. #notfound ul ul li {
  602.     margin-left: 0;
  603.     padding-left: 10px;
  604.     background: url(/images/bullet.gif) no-repeat 0 2px;
  605.     }
  606.  
  607. li.sectionbreak {
  608.     margin-bottom: 15px;
  609.     }
  610.  
  611. /* advanced search */
  612. #advsearch h4 {
  613.     margin-bottom: 10px;
  614.     }
  615.     
  616. #advsearch p {
  617.     line-height: 20px;
  618.     }
  619.     
  620. /* contact page */
  621. .iconlinks td {
  622.     font-size: 11px;
  623.     }
  624.     
  625. /* search results */
  626. .boxtop7e91a4 {
  627.     background: #FFF url(/images/boxtop7e91a4.gif) repeat-x top left;
  628.     }
  629.  
  630. .boxtopleft7e91a4 {
  631.     background: #FFF url(/images/boxtopleft7e91a4.gif) repeat-y top left;
  632.     }
  633.  
  634. .boxtopright7e91a4 {
  635.     background: #FFF url(/images/boxtopright7e91a4.gif) repeat-y top left;
  636.     }
  637.  
  638. .boxbottom7e91a4 {
  639.     background: #FFF url(/images/boxbottom7e91a4.gif) repeat-x top left;
  640.     }
  641.  
  642. .filesize {
  643.     color: #7F8285;
  644.     }
  645.  
  646. .results th, .results td {
  647.     font-size: 12px;
  648.     color: #FFF;
  649.     background-color: #7e91a4;
  650.     }
  651.  
  652. .results a {
  653.     color: #FFF;
  654.     font-weight: bold;
  655.     }
  656.     
  657. .oddrow {
  658.     background-color: #ffffff;
  659.     }
  660.     
  661. .evenrow {
  662.     background-color: #f0f5f9;
  663.     }
  664.  
  665. /* software licensing descriptions */
  666. .swlleftrule {
  667.     border-left: 1px solid #A1A5A9;
  668.     padding-left: 10px;
  669.     padding-right: 10px;
  670.     }    
  671.  
  672. .swlsidebar {
  673.     padding-right: 10px;
  674.     }
  675.  
  676. /* narrative */
  677. #narrative blockquote {
  678.     margin: 0 20px 10px 20px;
  679.     color: #445C73;
  680.     }
  681.     
  682. #narrative .pullquote {
  683.     font-size: 17px;
  684.     padding: 8px;
  685.     background-color: #ECF2F8;
  686.     border: 1px solid #A1A5A9;
  687.     }
  688.     
  689. /* source code */
  690. #scdetails p {
  691.     line-height: 17px;
  692.     }
  693.     
  694. #scdetails select {
  695.     vertical-align: middle;
  696.     padding: 0;
  697.     margin: 0;
  698.     }
  699.     
  700. #scdetails input {
  701.     vertical-align: middle;
  702.     padding: 0;
  703.     margin: 0;
  704.     }
  705.  
  706.  
  707.  
  708. /* --------------- styles from before 12-01-2003 ---------------- */
  709.  
  710. /* home page */
  711. #articlehead {
  712.     font-weight: bold;
  713.     font-size: 12px;
  714.     color: #000; 
  715.     }
  716.  
  717. #linklisthead {
  718.     font-weight: bold;
  719.     font-size: 12px;
  720.     color: #000; 
  721.     }
  722.  
  723. #sectionhead {
  724.     font-weight: bold;
  725.     font-size: 14px;
  726.     color: #000; 
  727.     }
  728.  
  729. #sectionsubhead {
  730.     font-weight: bold;
  731.     font-size: 12px;
  732.     color: #000; 
  733.     }
  734.  
  735. #sectionheadorange {
  736.     font-weight: bold;
  737.     font-size: 14px;
  738.     color: #db3700; 
  739.     }
  740.  
  741. #resources {
  742.     margin-bottom: 3px;
  743.     font-weight: normal;
  744.     font-size: 10px; 
  745.     }
  746.  
  747. .membership_bullets {
  748.     color: #ffffff;
  749.     font-weight: normal;
  750.     font-size: 10px; 
  751.     }
  752.  
  753.  
  754. /* glossary page styles */
  755. #glossary_header { 
  756.     font-size: 12px;
  757.     font-weight: bold; 
  758.     }
  759.  
  760. #glossary_header_letter { 
  761.     font-size: 14px;
  762.     font-weight: bold; 
  763.     }
  764.  
  765.  
  766. /* form class, removes whitespace browsers use by default with forms */
  767. #form {
  768.     margin: 0;
  769.     }
  770.  
  771.  
  772. /* paragraph describing page located just below the black text page title */
  773. #paragraph_description {
  774.     font-size: 12px;
  775.     }
  776.  
  777.  
  778. /* rate this page feedback form styles */
  779. #feedback_• {
  780.     font-size: 10px;
  781.     color: #ffffff;
  782.     text-align: center;
  783.     }
  784.  
  785. #feedback_text {
  786.     font-size: 10px;
  787.     color: #000;
  788.     }
  789.  
  790. #radio_help {
  791.     text-align: center;
  792.     padding-top: 4px;
  793.     }
  794.  
  795. #radio_easy {
  796.     text-align: center;
  797.     padding-bottom: 4px;
  798.     }
  799.  
  800.  
  801. /* search results box styles */
  802. #results_cell_first { 
  803.     border-top: 1px #a2a6a9 solid;
  804.     border-left: 1px #a2a6a9 solid; 
  805.     }
  806.  
  807. #results_cell_title {
  808.     padding-top: 10px;
  809.     padding-bottom: 10px;
  810.     border-top: 1px #a2a6a9 solid;
  811.     padding-right: 6px;
  812.     font-size: 12px;
  813.     font-weight: bold;
  814.     vertical-align: top;
  815.     }
  816.  
  817. #results_cell_other {
  818.     padding-top: 10px;
  819.     padding-bottom: 10px;
  820.     border-top: 1px #a2a6a9 solid;
  821.     padding-left: 6px;
  822.     padding-right: 6px;
  823.     vertical-align: top;
  824.     }
  825.  
  826. #results_cell_date {
  827.     padding-top: 10px;
  828.     padding-bottom: 10px;
  829.     border-top: 1px #a2a6a9 solid;
  830.     padding-left: 4px;
  831.     vertical-align: top;
  832.     }
  833.  
  834. #results_cell_last {
  835.     border-top: 1px #a2a6a9 solid;
  836.     border-right: 1px #a2a6a9 solid;
  837.     }
  838.  
  839. .results_description { 
  840.     font-size: 10px;
  841.     font-weight: normal;
  842.     }
  843.  
  844.  
  845.  
  846. /* apple script (or any other reference library page) styles */
  847. #header { 
  848.     font-size: 12px;
  849.     font-weight: bold;
  850.     }
  851.  
  852. #link_header {
  853.     font-size: 10px;
  854.     font-weight: bold;
  855.     }
  856.  
  857. #blue_header {
  858.     font-size: 12px;
  859.     font-weight: bold;
  860.     color: #000099;
  861.     }
  862.  
  863. #td_left_line {
  864.     border: 1px #555555 left;
  865.     }
  866.  
  867.  
  868. /* co marketing styles */
  869. #icon_cell {
  870.     height: 93px;
  871.     text-align: center;
  872.     }
  873.  
  874. #detail_header {
  875.     text-align: middle;
  876.     background: #6d7f95;
  877.     color: #ffffff;
  878.     font-family: verdana;
  879.     font-weight: bold;
  880.     font-size: 10px;
  881.     }
  882.  
  883. #vendor_bullet {
  884.     color: #696969;
  885.     }
  886.  
  887. #comarket_paragraph {
  888.     color: #696969;
  889.     font-size: 12px;
  890.     }
  891.  
  892. #vendor_detail {
  893.     font-size: 12px;
  894.     }
  895.  
  896. #vendor_contact {
  897.     font-family: Verdana, Arial, Helvetica, sans-serif;
  898.     font-size: 10px;
  899.     }
  900.  
  901. #detail_heading {
  902.     font-weight: bold;
  903.     }
  904.  
  905. #detail_copy {
  906.     font-size: 12px;
  907.     }
  908.  
  909. #discount_box_header {
  910.     color: #ffffff;
  911.     font-weight: bold;
  912.     }
  913.  
  914. #discount_box_copy {
  915.     font-size: 12px;
  916.     }
  917.  
  918. #photo_table_copy {
  919.     color: #7d7d7d;
  920.     font-size: 10px;
  921.     }
  922.  
  923.  
  924.  
  925. /*narrative styles */
  926. #narrative_paragraph {
  927.     color: #696969;
  928.     font-size: 14px;
  929.     }
  930.  
  931. #narrative_header {
  932.     font-size: 13px;
  933.     font-weight: bold;
  934.     }
  935.  
  936. #narrative_content {
  937.     font-size: 12px;
  938.     vertical-align: top;
  939.     }
  940.  
  941. #pic_box_text {
  942.     color: #878787;
  943.     line-height: 11px;
  944.     font-size: 11px; 
  945.     }
  946.  
  947. #red_copy {
  948.     color: #7f0f0b;
  949.     padding-left: 15px;
  950.     }
  951.  
  952. #blue_copy {
  953.     color: #466c9b;
  954.     padding-left: 15px;
  955.     }
  956.  
  957. #green_copy {
  958.     color: #3b636f;
  959.     padding-left: 15px;
  960.     }
  961.  
  962. #purple_copy {
  963.     color: #665588;
  964.     padding-left: 15px;
  965.     }
  966.  
  967. #gray_copy {
  968.     color: #787c7f;
  969.     padding-left: 15px;
  970.     }
  971.  
  972. #pager {
  973.     color: #76797c;
  974.     }
  975.  
  976.  
  977.  
  978. /* frameset: table of contents frame */
  979. #toc_contents_text {
  980.     font-size: 12px;
  981.     color: #0000ff;
  982.     }
  983.  
  984. #toc_contents_text_open {
  985.     font-size: 12px;
  986.     background: #ffffff;
  987.     color: #0000ff;
  988.     }
  989.  
  990. #low_level_text {
  991.     font-size: 10px;
  992.     color: #0000ff;
  993.     }
  994.  
  995. #low_level_text_on {
  996.     font-size: 10px;
  997.     color: #0000ff;
  998.     }
  999.  
  1000. #top_level_open {
  1001.     background: #ffffff;
  1002.     }
  1003.  
  1004. #third_level {
  1005.     background: #ffffff;
  1006.     }
  1007.  
  1008. #toc_contents_title {
  1009.     font-size: 14px;
  1010.     color: #ffffff;
  1011.     font-weight: bold;
  1012.     }
  1013.  
  1014. #toc_contents_heading {
  1015.     font-size: 12px;
  1016.     font-weight: bold;
  1017.     }
  1018.  
  1019.  
  1020.  
  1021. /* frameset: content frame */
  1022. #content_text {
  1023.     font-size: 12px;
  1024.     font-weight: normal;
  1025.     }
  1026.  
  1027.  
  1028. /* frameset: page title */
  1029. #page_title {
  1030.     font-family: 'Myriad Apple', 'Myriad', Arial, Helvetica, 'Lucida Grande';
  1031.     font-size: 36px;
  1032.     font-weight: bold;
  1033.     color: #000;
  1034.     }
  1035.  
  1036.  
  1037. /* frameset: unordered list */
  1038. ul .content {
  1039.     font-size: 12px; 
  1040.     }
  1041.  
  1042.  
  1043. /* product line styles */
  1044. #product_line_list {
  1045.     font-size: 10px; 
  1046.     }
  1047.  
  1048. #product_line_bullet {
  1049.     font-size: 10px;
  1050.     vertical-align: top;
  1051.     color: #0000ff;
  1052.     }
  1053.  
  1054.  
  1055.  
  1056. /* technical note classes */
  1057. #important_note {
  1058.     background: #e2e2e2;
  1059.     border: 1px solid #cccccc;
  1060.     }
  1061. #page_contents {
  1062.     font-size: 12px; line-height: 20px; color: #0000ff;
  1063.     }
  1064.  
  1065. #tech_content {
  1066.     font-size: 12px;
  1067.     }
  1068.  
  1069. #tech_header {
  1070.     font-size: 14px;
  1071.     font-weight: bold;
  1072.     }
  1073.  
  1074. #tech_subhead {
  1075.     font-size: 12px;
  1076.     font-weight: bold;
  1077.     }
  1078.  
  1079. #tech_list {
  1080.     font-size: 12px;
  1081.     padding-bottom: 9px;
  1082.     }
  1083.  
  1084. #source_code_box {
  1085.     border: 1px solid #c7cfd5;
  1086.     background: #f1f5f9; 
  1087.     }
  1088.  
  1089. #source_code {
  1090.     font-family: monaco, courier, monospace;
  1091.     font-size: 10px;
  1092.     margin-bottom: 0;
  1093.     padding: 12px;
  1094.     }
  1095.  
  1096. #example_title {
  1097.     font-size: 10px;
  1098.     margin-bottom: 5px;
  1099.     color: #28333b;
  1100.     }
  1101.  
  1102. #example_table_header {
  1103.     font-weight: bold;
  1104.     background: #c7cfd5; 
  1105.     }
  1106.  
  1107. #example_table_cell {
  1108.     border: 1px #c7cfd5 solid;
  1109.     background: #f1f5f9;
  1110.     vertical-align: top;
  1111.     font-size: 12px;
  1112.     }
  1113.  
  1114. #download_cell_1 {
  1115.     background: #f6f6f6;
  1116.     font-size: 11px;
  1117.     padding-top: 2px;
  1118.     padding-bottom: 2px;
  1119.     padding-left: 2px;
  1120.     border-left: 1px solid #e6e6e6;
  1121.     border-top: 1px solid #e6e6e6;
  1122.     border-bottom: 1px solid #e6e6e6;
  1123.     }
  1124.  
  1125. #download_cell_2 {
  1126.     background: #f6f6f6;
  1127.     font-size: 10px;
  1128.     padding-top: 2px;
  1129.     padding-bottom: 2px; 
  1130.     border-top: 1px solid #e6e6e6;
  1131.     border-bottom: 1px solid #e6e6e6;
  1132.     }
  1133.  
  1134. #download_cell_3 {
  1135.     background: #f6f6f6;1
  1136.     font-size: 10px;
  1137.     padding-top: 2px;
  1138.     padding-bottom: 2px;
  1139.     padding-right: 2px;
  1140.     border-right: 1px solid #e6e6e6;
  1141.     border-top: 1px solid #e6e6e6;
  1142.     border-bottom: 1px solid #e6e6e6;
  1143.     }
  1144.  
  1145. #download_content {
  1146.     font-size: 12px;
  1147.     vertical-align: middle;
  1148.     }
  1149.  
  1150. #download_link {
  1151.     font-size: 10px;
  1152.     vertical-align: middle;
  1153.     }
  1154.  
  1155. #back_to_top {
  1156.     font-size: 10px; 
  1157.     }
  1158.  
  1159.  
  1160.  
  1161. /* membership overview styles */
  1162. #member_header {
  1163.     text-align: left;
  1164.     font-family: verdana;
  1165.     font-weight: bold;
  1166.     font-size: 10px;
  1167.     color: #ffffff; 
  1168.     }
  1169.  
  1170. #member_category {
  1171.     text-align: center;
  1172.     border-left: 1px #ffffff solid;
  1173.     font-family: Verdana, Arial, Helvetica, sans-serif;
  1174.     font-weight: bold;
  1175.     font-size: 10px;
  1176.     color: #ffffff;
  1177.     }
  1178.  
  1179. #white_row {
  1180.     background: #ffffff;
  1181.     }
  1182.  
  1183. #blue_row {
  1184.     background: #f0f5f9;
  1185.     }
  1186.  
  1187. #spacer_row {
  1188.     border-right: 1px solid #a2a6a9;
  1189.     border-left: 1px solid #a2a6a9;
  1190.     }
  1191.  
  1192. #left_border {
  1193.     border-left: 1px solid #a2a6a9;
  1194.     }
  1195.  
  1196. #right_border {
  1197.     border-right: 1px solid #a2a6a9;
  1198.     text-align: center;
  1199.     vertical-align: middle;
  1200.     }
  1201. #gray_line {
  1202.     border-right: 1px solid #a2a6a9;
  1203.     border-left: 1px solid #a2a6a9;
  1204.     background: #a2a6a9;
  1205.     }
  1206.  
  1207. #dot_cell {
  1208.     text-align: center;
  1209.     vertical-align: middle;
  1210.     }
  1211.  
  1212. #fine_print {
  1213.     vertical-align: top;
  1214.     font-size: 11px;
  1215.     color: #5f5f5f;
  1216.     }
  1217.  
  1218. #pricing {
  1219.     font-size: 12px;
  1220.     }
  1221.  
  1222.  
  1223.  
  1224.  
  1225. /* sample code classes */
  1226. #right_content {
  1227.     text-align: right;
  1228.     font-size: 12px;
  1229.     }
  1230.  
  1231. #sc_content {
  1232.     font-size: 12px;
  1233.     }
  1234.  
  1235.  
  1236. /* mac os x architecture diagram */
  1237. #archtext {
  1238.     font-size: 11px;
  1239.     color: #333;
  1240.     text-decoration: none;
  1241.     line-height: 15px;
  1242.     }
  1243.  
  1244. #topborder {
  1245.     border-top: 1px solid #999;
  1246.     }
  1247.  
  1248. #greylist {
  1249.     line-height: 16px;
  1250.     color: #333;
  1251.     margin-top: 12px;
  1252.     }
  1253.  
  1254. #archtitle {
  1255.     font-size: 12px;
  1256.     color: #000;
  1257.     text-decoration: none;
  1258.     font-weight: bold;
  1259.     }
  1260.  
  1261. #description {
  1262.     font-size: 11px;
  1263.     color: #333;
  1264.     text-decoration: none;
  1265.     line-height: 15px;
  1266.     }
  1267.  
  1268. .archtitle {
  1269.     font-size: 12px;
  1270.     color: #000;
  1271.     text-decoration: none;
  1272.     font-weight: bold;
  1273.     }
  1274.  
  1275.  
  1276.  
  1277. /* original apple css items (unused at this time) */
  1278. /* ---------------------------------------------- */
  1279.  
  1280. h1 {
  1281.     font-weight: bold; font-size: 18px; 
  1282.     }
  1283.  
  1284. #text {
  1285.     font-size: 10px;  line-height: 16px;
  1286.     }
  1287.  
  1288.  
  1289. #bodytext {
  1290.     font-size: 10px; 
  1291.     }
  1292. #bodytextlarge {
  1293.     font-size: 12px; 
  1294.     }
  1295. #bodytitle {
  1296.     font-weight: bold; font-size: 10px; 
  1297.     }
  1298. #bodytitlelarge2 {
  1299.     font-weight: bold; font-size: 12px; 
  1300.     }
  1301. #bodytitlelarge {
  1302.     font-weight: bold; font-size: 12px; font-family: arial, helvetica, sans-serif
  1303.     }
  1304. #bodytitleextralarge {
  1305.     font-weight: bold; font-size: 14px; font-family: arial, helvetica, sans-serif
  1306.     }
  1307. #callout {
  1308.     font-weight: bold; font-size: 14px; color: #737373; 
  1309.     }
  1310. #calloutsubitem {
  1311.     font-size: 10px; color: #666666; 
  1312.     }
  1313. #resourcetitle {
  1314.     font-weight: bold; font-size: 10px; 
  1315.     }
  1316. #resourcetext {
  1317.     font-size: 10px; font-family: helvetica, geneva, arial, sans-serif
  1318.     }
  1319. #resourcehead {
  1320.     font-weight: bold; font-size: 11px; color: #808080; font-family: arial, helvetica, sans-serif
  1321.     }
  1322. #mkt {
  1323.     font-size: 12px; font-family: arial, helvetica, sans-serif
  1324.     }
  1325. #mkt2 {
  1326.     font-size: 14px; font-family: arial, helvetica, sans-serif
  1327.     }
  1328. #breadcrumb {
  1329.     font-weight: bold; font-size: 12px; font-family: arial, helvetica, sans-serif
  1330.     }
  1331. #breadcrumblocation {
  1332.     font-weight: bold; font-size: 12px; color: #cc6600; font-family: arial, helvetica, sans-serif
  1333.     }
  1334. #menutitle {
  1335.     font-weight: bold; font-size: 12px; margin-left: 10px; font-family: arial, helvetica, sans-serif
  1336.     }
  1337. #menutext {
  1338.     font-size: 10px; margin-left: 10px; line-height: 14px; font-family: helvetica, geneva, arial, sans-serif
  1339.     }
  1340. #source {
  1341.     font-size: 9px; color: #666666; font-style: italic; font-family: helvetica, geneva, arial, sans-serif
  1342.     }
  1343.